import './workbench.less';
import { PropsWithChildren, CSSProperties } from 'react';
import { UserOutlined } from '@ant-design/icons';
import { ProjectSummary } from './project-summary';
import { WaitHandle } from './wait-handle';
function Block(props: PropsWithChildren<{title: string, style?: CSSProperties}>) {
    return (
        <div className="block" style={props.style}>
            <div className="title">
                {props.title}
            </div>
            <div className="block-content">
                {props.children}
            </div>
        </div>
    );
}
export function Workbench() {
    return (
        <div className="workbench-container">
            <div className="left">
                <div className="top">
                    <div className="user-content block">
                        <div className="userIcon">
                            <UserOutlined />
                        </div>
                        <span className="username">&nbsp;&nbsp;&nbsp;你好，李攀</span>
                    </div>
                    <Block title="项目总览">
                        <ProjectSummary />
                    </Block>
                </div>
                <div className="bottom">
                    <Block title="待办事项">
                        {/* <WaitHandle></WaitHandle> */}
                    </Block>
                    <Block title="项目进度">

                    </Block>
                </div>
            </div>
            <div className="right" >
                <Block title="项目大事件" style={{width: '95%'}}>
                    {/* <WaitHandle></WaitHandle> */}
                </Block>
            </div>
        </div>
    );
}